
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

em,
i {
    font-style: normal;
}

li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: middle;
}

button {
    cursor: pointer;
}

a {
    color:#FF8C00 !important;
    text-decoration: none !important;
}

a:hover {
    color: #e33333 !important;
}

body {
    background: url(../img/wbg.png) no-repeat 0 0 / cover;

}


/* // rem适配 */

@media screen and (max-width: 1024px) {
    html {
        font-size: 20.66px !important;
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 80px !important;
    }
}

@font-face {
    font-family: 'LCdd';
    src: url('../fonts/LCdd.TTF');
}

/***************************************/


/*头部*/

header {
    position: relative;
    height: 1.25rem;
    background: url(../img/head_bg.png) no-repeat;
    background-size: 100% 100%;
}

/*********************************/


/*主体*/

.container {
    display: flex;
    min-width: 12.8rem;
    max-width: 66rem;
    margin: 0 auto;
    min-height: 8rem;
    width:100%; height:100%;
    background-size:100% 100%;
    
}

.column1{
    width: 3rem;
    height: 8rem;
    margin: 0.2rem;
    background-color: rgb(46, 43, 46,0.05);
}

#form2 {
    /* background:url(../img/border.png); */
    /*背景色和透明度，可以设置为url地址的图片*/
    width: 242px;/*宽度*/
    height: 130px;/*高度*/
    margin-top: 10px;
	margin-left: 0px;
   
	/* font-size: 15px; */
	/* border-radius: 10px; */
    overflow: hidden;
}

#form2 #select {
    /* background:url(../img/border.png); */
    border: none;
    padding-left: 10px;
    width: 242px;/*比上面设置的略宽*/
    height: 35px;
    border-radius: 10px;
    color:#131212;
	font-family: "微软雅黑";
}
#form2 #calc {
    margin-left: 10px;
    margin-top: 10px;


}
#form2 #draw {
    margin-right: 20px;
    margin-top: 10px;


}

#form3 {
    /* background:url(../img/border.png); */
    /*背景色和透明度，可以设置为url地址的图片*/
    width: 242px;/*宽度*/
    height: 130px;/*高度*/
    margin-top: 10px;
	margin-left: 0px;
    
	/* font-size: 15px; */
	/* border-radius: 10px; */
    overflow: hidden;
}

#form3 #select2 {
    /* background:url(../img/border.png); */
    border: none;
    padding-left: 10px;
    width: 242px;/*比上面设置的略宽*/
    height: 35px;
    border-radius: 10px;
    color:#131212;
	font-family: "微软雅黑";
}
#form3 #calc3 {
    margin-left: 10px;
    margin-top: 10px;


}
#form3 #draw3 {
    margin-right: 20px;
    margin-top: 10px;


}

.column1 .Form1  .btn1{
    background:url(../img/border.png); 
    width:122px;height:34px; 
    color:#FF8C00;
    margin-top:30px;
}

.column2{
    flex:3;
    width: 10rem;
    height: 8rem;
    margin: 0.2rem;
    background-color: rgba(255, 255, 255, 0.05);
}

.column3{
    width: 6rem;
    height: 8rem;
    margin: 0.2rem;
    border: solid 2px;
    border-image-source: url("../img/border.png") ;
    border-image-slice: 20 20 20 20 ;
    border-image-width: 8px;
    border-image-repeat: repeat;

}

.column3 .boxTop {
    width: 4.0rem;
    height: 2rem;
    background-color:rgba(77, 49, 121, 0.3);
    border-bottom: 3px solid rgb(13, 137, 238,0.8);
}

.column3 .btn2 {
    float: left;
    margin-right: .1rem;
}
.column3 .btn2 .btn {
    background-color:rgba(0,0,0,0);
    width:1.2rem;
    height:0.4rem;
    margin-top: .375rem;
    border:1px solid #F0F8FF;
    background-image: url("../img/border.png");
    color:#FF8C00;
    
}


/* 公共样式  */

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    text-align: left;
}

.BottonRight{
    width:400px;
    height:80px;
    float:right;
    margin-top:20px;
    margin-right:40px;

}

.BottonRight .row .btn{
    background-color:rgba(0,0,0,0);
    width:121px;
    height:40px;
    margin-top:15px;
    border:1px solid #F0F8FF;
    background-image: url("static/img/border.png");
    color:#FF8C00;
}

.actionImg
{
    width: 95%;
    height: 95%;
    object-fit: fill;
    margin-top: 10px;
}

